<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<jsp:useBean id="livroDeVisitas" class="exercicio2.LivroDeVisitas"
	scope="application" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Livro de Visitas</title>
<style>
.assinar-livro {
	margin-top: 50px;
}
.assinar-livro form {
	border-top: 1px solid #333;
}
.assinar-livro .erro{
	color: red;
	font-style: italic;
}
.assinar-livro form input, .assinar-livro form textarea {
	display: block;
	margin: 10px 0;
	width: 400px;
}
ul.mensagens {
	padding-left: 0;
	margin: 15px 0;
}
ul.mensagens li {
	display: block;
	list-style-type: none;
	border: 1px solid #aaa;
	padding: 10px;
	width: 370px;
	margin: 15px 0;
}
ul.mensagens li .nome {
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
</style>
</head>
<body>
	<h1>Livro de Visitas</h1>
	<c:choose>
		<c:when test="${ fn:length(livroDeVisitas.mensagens) > 0 }">
			<ul class="mensagens">
				<c:forEach var="mensagem" items="${livroDeVisitas.mensagens}">
					<li class="mensagem">${mensagem}</li>
				</c:forEach>
			</ul>
		</c:when>
		<c:otherwise>
			<p>Nenhuma mensagem no livro.</p>
		</c:otherwise>
	</c:choose>
	<div class="assinar-livro">
		<form action="<c:url value="/exercicio2/assinarlivro" />"
			method="POST">
			<h4>Assine o livro de visitas:</h4>
			<c:if test="${erro != null}">
				<p class="erro">
					<c:out value="${erro}" />
				</p>
			</c:if>
			<input type="text" name="nome" id="nome" />
			<textarea name="mensagem" id="mensagem" rows="5" cols="10"></textarea>
			<input type="submit" value="Assinar" />
		</form>
	</div>
</body>
</html>